<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<base href="${basePath}">
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>分班界面</title>
<link href="semantic/semantic.css" rel="stylesheet" type="text/css">
<link href="static/css/teacher.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="static/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/css/H-ui.admin.css" />
<script src="static/js/jquery-1.12.4.js" type="text/javascript"></script>
<script src="static/js/jobinfor.js" type="text/javascript"></script>
<script src="semantic/semantic.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="static/css/style.css" />
<style type="text/css">
#shouye #dingdan{
		float:left;
		height:200px;
		margin-left:25px;
		line-height:20px;
		width:200px;
		box-shadow:rgba(0,0,0,0.17647) 0px 0px 15px;
	}
	#shouye{
	}
	#shouye,#shopshouye{
		position:absolute;
		top:180px;
		left:120px;
	}
	.header{
		padding-top:40px;
	}
	.header,.tea,.count{
		margin-left:30px;
	}
	.tea,.count{
		padding-top:20px;
	}
	.renshu{
		background:green;
		color:white;
		cursor:pointer;
	}
</style>
</head>

<body>
	<nav class="breadcrumb">
		<i class="Hui-iconfont">&#xe67f;</i> <a href="staff?method=forward">首页
		</a><span class="c-gray en">&gt;</span> <a href="student?method=selectby">学员管理
		</a><span class="c-gray en">&gt;</span>
	</nav>
	<!--搜索区域  -->
	<div class="searcherjob" >
			<form>
				<div class="ui form">
					<div class="fields">
						<div class="field">
							<label>&nbsp</label> 
							<input type="text" name="name" value="${param.name }" placeholder="检索班级">
						</div>
						<div class="field">
							<label>&nbsp;</label>
							<button class="ui green button">检索</button>
							<a class="ui green button" href="javascript:addposition()">新增</a>
						</div>
					</div> 
				</div>
			</form>
		</div>
			<div id="shouye" class="">
				<c:forEach items="${grolist}" var="datas">
						<div id="dingdan" class="imagePosition" >
				
						   <div class="header"> 
     	 班级：${datas.clazzName}
      </div>
      <div class="tea">
      	老师：
      	${datas.teacherName} 
      </div>
       <div class="count">
      	班级总人数：<%-- 
      	<a id="chakan" onclick="chakankan();" class="renshu">&nbsp;${datas.count} &nbsp;</a> --%>
      	<a href="group?method=selectname&name=${datas.clazzName}&count=${datas.count}" class="renshu">&nbsp;${datas.count} &nbsp;</a>
  <%--     	<a onclick="chakan()" class="renshu">&nbsp;${datas.count} &nbsp;</a> --%>
        </div>
      </div>
				</c:forEach>	
				</div>	
<div class="ui modal" id = "addposition">
  <div class="header">
  	 新增班级
  </div>
 <div class="teacher-content">
		<form  method="post" class="ui form create-form" action = "clazz?method=insert">
		
		    <div class="field">
		    <label id="clazz">班级</label>
		    <input type="text" name="name"  >
		  </div>
		  <div class="field">
		    <label>老师</label>
		   <select  name="staffname" style="width:500px;height:38px;" >
			<c:forEach items="${StaffList}" var="staffPo">
			<option value = "${staffPo.staffId}" ${param.staffname ==staffPo.staffId?'selected':''}  >${staffPo.staffName }
			</c:forEach>
		</select>
		  </div>
		 
		<div class="actions">
		   <div class="ui red deny button">取消</div>
		   
		   <button class="ui green button">确认<i class="checkmark icon"></i></button>
  		</div> 
		</form>
	</div>  
</div>

	<div id="kanstudent">
		<iframe class="thickframe" id="thickframe" marginwidth="0"
			marginheight="0" frameborder="1" scrolling="no"
			style="width: 100%; height: 1162px;"> </iframe>
		<div class="thickdiv" id="thickdiv"
			style="width: 100%; height: 1162px;"></div>
		<div class="thickbox" id="thickbox"
			style="left: 500.5px; top: 180px; width: 402px; height: 202px;">
			<div class="thickwrap" style="width: 760px;">
				<div class="thicktitle" id="" style="width: 740">
					<span>分班</span>
				</div>
				<div class="thickcon" id=""
					style="width: 400px; height: 200px; padding-left: 20px; padding-right: 20px;">
					<div id="addressDiagDiv">
						<div class="m" id="edit-cont">
							<div>
								<!-- 	<span id="xxx">x</span> -->
							</div>
							<form action="group?method=insert" onsubmit="return check()"
								method="post">
								<input type="hidden" value="" id="fenid" name="studentId">
									<input type="text" value="" id="clazz" name="student">
								<div id="claz">
								
									<label style="width: 200px; height: 30px;">班级</label> <select
										name="clazz" style="width: 200px; height: 30px;">
										<c:forEach items="${clazzlist }" var="cla">
											<option value="${cla.clazzId}"
												${param.clazz==cla.clazzId?'selected':'' }>${cla.clazzName }</option>
										</c:forEach>
									</select>
								</div>
								<div class="ui positive  button" id="save">
									<button>保存</button>
								</div>
								<div class="ui button" id="close">取消</div>

							</form>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>